﻿<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta http-equiv="Cache-Control" content="no-siteapp">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="yes" name="apple-touch-fullscreen">
		<meta content="telephone=no" name="format-detection">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta name="copyright" content="Copyright &copy;UnitedBitcoin">
		<meta name="revisit-after" content="1 days">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>WSEC 亚洲超级电网</title>
		<!-- <meta name="keywords" content="ShineChain,区块链,闪链,相互保障,区块链技术,互助社区,保障,区块链互助">
		<meta name="description" content="ShineChain的使命是：用技术的革新改变全球平安健康保障行业的商业模式，打造全球区块链平安健康互助生态体系，让更多的人们能够拥有平安健康保障的权益。我们的愿景是：全球73亿人，无论贫穷富有，人人拥有SHE，人人享有保障。"> -->
		
		<!-- <script>
			function browserRedirect() {
				    var sUserAgent = navigator.userAgent.toLowerCase();
				    var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
				    var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
				    var bIsMidp = sUserAgent.match(/midp/i) == "midp";
				    var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
				    var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
				    var bIsAndroid = sUserAgent.match(/android/i) == "android";
				    var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
				    var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
				    if ((bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){
				       window.location.href='index.html';
				    }
			}
			browserRedirect();
		</script>	 -->
		<link rel="shortcut icon" href="img\icon.png">
		<link rel="stylesheet" href="css\style.css?__hbt=1516279253583">
		<script type="text/javascript" src="js\jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="js\iscroll.min.js"></script>
		<style type="text/css">
			canvas{
				border: 0;
				padding: 0;
				margin: 0;
			}
			.english{
				display: none;	
			}
			.china{
				
				word-wrap: break-word;
				word-break: normal;
			}
			.japanese{
				display: none;
			}
			.korean{
				display: none;
			}
			.iScrollHorizontalScrollbar.iScrollLoneScrollbar{
				background: #25252a;
				border-radius: 3px;
			}
			.iScrollIndicator{
				background: #dadada !important;
			}
			.red{
				color: red;
			}
			.red p{
				color: red;
			}
			.section6 ul li{
				float: left;
				width: 25%;
				padding: 50px;
				font-size: 16px;
				color: #fff;
			}
			.section6 ul li p{
				line-height: 24px;
			}
			.section6 ul li p:nth-child(1){
				font-size: 18px;
				font-weight: bold;
				margin-bottom: 20px;
			}
			.section4 p{
				font-size: 18px;
				color: #fff;
				line-height: 50px;
			}
			.swiper-container{
            width: 100%;
            height: 100%;
			overflow: hidden;
			position: relative;
			}
			.swiper-wrapper{
				width: 100%;
            	height: 100%;
			}
			.swiper-container img{
				width: 100%;
				height: 100%;
				position: absolute;
			}
			.section8 .oueBox ul{
				width: 50%;
				margin: 0 auto;
			}
			.section8 .oueBox ul li{
				line-height: 50px;
				margin-bottom: 10px;
				text-align: left;
				font-size: 16px;
				color: #fff;
			}
			.section8 .oueBox ul li span{
				color: #015792;
				margin-left: 25px;
			}
			.section8 .oueBox ul li a{
				color: #015792;
				margin-left: 25px;
			}
		</style>
	</head>

	<body>
		<div class="headerBg" id="header"></div>
		<header>
			<div class="headerBox">
				<img class="logo" src="img\LOGO.gif" alt="BITCOIN SHINE">
				<ul class="language">
					<li>
						<a>EN</a>
						|
						<a class="active">中文</a>
					</li>
				</ul>
				<ul id="nav" class="nav">
					<li><span class="china">项目介绍</span><span class="english">Project Introduction</span><span class="japanese">日语</span><span class="korean">韩语</span></li>			
					<li><span class="china">合作单位</span><span class="english">Cooperating Organization</span><span class="japanese">日语</span><span class="korean">韩语</span></li>	
					<li><span class="china">发展计划</span><span class="english">Plan</span><span class="japanese">日语</span><span class="korean">韩语</span></li>
					<li><span class="china">团队介绍</span><span class="english">Team</span><span class="japanese">日语</span><span class="korean">韩语</span></li>
					<li><span class="china">联系我们</span><span class="english">Contact Us</span><span class="japanese">日语</span><span class="korean">韩语</span></li>					
					<li><span class="china"><a href="./download.html">下载中心</a></span><span class="english"><a href="./download.html">Download</a></span><span class="japanese">日语</span><span class="korean">韩语</span></li>					
					<li><span class="china"><a href="./news.html">新闻中心</a></span><span class="english"><a href="./news.html">News</a></span><span class="japanese">日语</span><span class="korean">韩语</span></li>					
					<li><span class="china"><a href="./login.html">登录</a></span><span class="english"><a href="./login.html">Login</a></span><span class="japanese">日语</span><span class="korean">韩语</span></li>					
				</ul>
				
			</div>
			
		</header>
		<div class="section1" style="margin-bottom: -10px;">
			<div class="cover"></div>
			<div class="canvas">
				<canvas id="canvas"></canvas>
			</div>
			<div class="centerText">
				<img src="img\WSEC.png">
				<p class=""><span class="china">基于区块链思维的“亚洲超级电网” </span> <span class="english">The "Asian supergrid" based on block chain thinking</span></p>
			</div>
		</div>
		<div class="section2 sider">
			<h6 class="name"><span class="china">WSEC系统构架</span><span class="english">WSEC Systematic Framework</span><span class="japanese">日语</span><span class="korean">韩语</span></h6>
			<ul>
				<li>
					
					
					<p>						
						<span class="china">数据层</span>
						<span class="english">Data Layer</span>	
						<span class="japanese">日语</span>
						<span class="korean">韩语</span>
					</p>
	
						<p class="china">数据层是WSE最底层的技术，是一切的基础，它主要实现了两个功能：一个是相关数据的存储，另一个是账户和交易的实现与安全。数据的存储主要是基于默克尔树，通过区块的方式和链式结构实现。帐号和交易的实现基于数字签名、Hash函数、非堆成加密技术、多重签名等多种密码学算法和技术，保证了交易在去中心化的情况下能够安全地进行。</p>
						<p class="english">The data layer is the lowest level of WSE technology, which is the foundation of everything. It mainly realizes two functions: one is the storage of relevant data, and the other is the realization and security of account and transaction.
							The data storage is mainly based on the merkel tree, through the way of the block and the chain structure.
							And the realization of the trading account based on digital signatures, Hash function, the heap into multiple signature encryption technology, such as a variety of cryptographic algorithms and techniques, to ensure the deal in the case of decentralized safely.</p>	

				</li>
				<li>
					
					<p>
						<span class="china">网络通信层</span>
						<span class="english">Network communication layer</span>
						<span class="japanese">日语</span>
						<span class="korean">韩语</span>
					</p>
				
					<p class="china">网络通信层主要实现WSE网络节点的链接和通信，包括点对点之间的数据共享和传递，点对点之间的价值转移。它是没有中心服务器的，依靠用户群交换信息的互联网体系。与有中心服务器的中央网络不同，对等网络的每个用户端既是一个节点，又有服务器的功能，具有去中心化的健壮性等特点。</p>
					<p class="english">The network communication layer mainly realizes the link and communication of WSE network nodes, including the data sharing and transmission between point-to-point, and the value transfer between points.
						It is an Internet system that has no central server and relies on user groups to exchange information.
						Unlike the central network with a central server, each client of a peer-to-peer network is both a node and a function of the server, with the characteristics of decentralization and robustness.</p>	

					
				</li>
				<li>
					
					<p>
						<span class="china">共识验证层</span>
						<span class="english">Consensus verification layer</span>
						<span class="japanese">日语</span>
						<span class="korean">韩语</span>
					</p>
						<p class="china">共识算法是WSE区块链体系的核心。共识验证层主要实现全网所有节点对交易数据达成一致，防范拜占庭攻击、女巫攻击等共识攻击。WSE在共识机制上，因自身的应用场景特色，采用了 Pow+Pos共识机制，同时结合WSE特有的“Proof of Technical contribution”（技术共享证明机制）。该机制中，区块被分成两种形式，POW区块及POS区块。区块持有人可以消耗他的币龄获得利息，同时获得为网络产生一个区块和用Pos造币的优先权。而所有区块的收益中，都会有固定比例的新的WSEC自动进入“基金会”，当有节点对WSE的技术解决方案做出贡献时，获得该部分WSEC作为激励。</p>
						<p class="english">The consensus algorithm is the core of the WSE block chain system.
							The consensus verification layer mainly realizes the agreement of all nodes of the network to deal with the transaction data, preventing the Byzantine attack, witch attack and other consensus attacks.
							WSE adopts the Pow+Pos consensus mechanism for its own application scenarios, and combines WSE's unique "Proof of Technical contribution" (technology sharing certification mechanism).
							In this mechanism, blocks are divided into two forms, POW block and POS block.
							The block holder can consume his money age to earn interest, and gain the right to create a block for the network and to use Pos.
							And the returns of all blocks, there will be a fixed proportion of new WSEC automatically enters the "foundation", when a node of WSE technical solutions to make a contribution, to obtain the partial WSEC as incentive.</p>	
				</li>
				<li>
					
					<p>
						<span class="china">应用层</span>
						<span class="english">Application Layer</span>
						<span class="japanese">日语</span>
						<span class="korean">韩语</span>
					</p>
						<p class="china">基于WSE的区块链技术，可以构建WSE上的商业应用，一方面是WSEC数字资产的发行，和价值转移的交易系统，一个是对能源的存储，使用，确权，和收益配置进行管理的智能合约应用。</p>
						<p class="english">Based on block chain technology of WSE, can build the business applications on the WSE, on the one hand is WSEC digital assets are released, and value transfer of trading system, one is for energy storage, use and approval, and benefits of configuration management of intelligent contract application.</p>	
				</li>
			</ul>
		</div>
		<div class="section3">
			<h6 class="name">
				<span class="china">项目的背景</span>
				<span class="english">Condition</span>
				<span class="japanese">日语</span>
				<span class="korean">韩语</span>
			</h6>
			<p class='china'>Wind & Solar Energy是一条围绕“亚洲超级电网”计划所搭建的公链。它的设计思路是基于两个构建层面做出思考。</p>
			<p class='english'>Wind & Solar Energy is a public chain built around the Asian supergrid.
				Its design idea is based on two construction levels to think.</p>
			<p class='china'>一个是，“风光互补系统”。“风能发电”和“太阳能发电”本身具有绿色清洁，成本低廉，能源不会枯竭，和不会造成环境负荷等天然优势，将会成为未来能源的主要构成部分。而蒙古国是一个内陆国家，位于中亚高原，地形多草原和戈壁，且维度较高，太阳能和风能这两种可再生能源极其丰富，具备了“风光互补发电系统”的独特地理优势，因此在蒙古国大力发展“风能和太阳能发电”的能源产业，将会进一步巩固蒙古国在“亚洲超级电网”体系中的核心地位，成为能源输送的重要端口。</p>
			<p class='english'>One is the "landscape complementary system".
				"Wind" and "solar power" itself is green, clean, low cost, energy not dried up, and will not result in a natural advantages, such as environment load will become the main part of energy in the future.
				And Mongolia is a landlocked country, located in the central plateau, the terrain grassland and gobi, and the higher dimensions, solar and wind energy both renewable energy is extremely rich, has a "wind-light complementary system" unique geographical advantage, so in Mongolia to develop the "wind and solar power generation" of the energy industry, will further consolidate the Mongolia in the core position in the "Asian super grid" system, become the important port of energy delivery.</p>
		</div>
		<div class="section3_2">
			<h6 class="name">
				<span class="china">亚洲超级电网</span>
				<span class="english">Asia Super Grid</span>
				<span class="japanese">日语</span>
				<span class="korean">韩语</span>
			</h6>	
			<p class='china'>“亚洲超级电网”是 一个跨国工程，目标是在蒙古建造太阳能和风能发电场，通过超高压直流电缆输向中日韩等亚洲用电大国，来完成整个亚洲的能有优势和经济市场的需求互补，同时也是带动整个亚洲各国之间的共同发展。</p>
			<p class='english'>" Asian super grid "is a multinational project, the goal is to build solar and wind farm in Mongolia, via the uhvdc cable lose large power in Asia such as China, Japan and South Korea, to complete the whole of Asia can have complementary advantages and economic the demand of the market, and drive the common development between the Asian countries.</p>
		</div>
		<div class="section4 sider">
			<h6 class="name">
				<span class="china">开发以及合作单位</span>
				<span class="english">Development and cooperation units.</span>
				<span class="japanese">日语</span>
				<span class="korean">韩语</span>
			</h6>
			<p class='china'>蒙古国能源部</p>
			<p class='english'>The energy department of Mongolia.</p>
			<p class='china'>蒙古国环保部</p>
			<p class='english'>The ministry of environmental protection.</p>
			<p class='china'>蒙古国银行协会</p>
			<p class='english'>Bank of Mongolia association.</p>
			<p class='china'>蒙古国风能协会</p>
			<p class='english'>Mongolia wind energy association.</p>
			<p class='china'>达尔汗热电站股份有限公司</p>
			<p class='english'>Dahl khan thermal power station co. LTD.</p>
			<p class='china'>蒙古博地能源公司</p>
			<p class='english'>Mongolia bodi energy company.</p>
			<!-- <div class="distributionBox">
				<p class="china">闪链的原生代币：SHE，总量50亿个最终分配如右图所示：</p>
				<p class="english">The Original Token of ShineChain: SHE, a total of 5 billion. The final distribution plan is shown in the right picture</p>
				<div class="distributionNum">
					<img class="china" src="img\distribution_CH.png">
					<img class="english" src="img\distribution_EN.png">
				</div> -->
			</div>
			
			
		</div>	
		<div class="section5 sider">
			<h6 class="name">
				<span class="china">实施时间表</span>
				<span class="english">Implementation Timetable</span>
				<span class="japanese">日语</span>
				<span class="korean">韩语</span>
			</h6>	
			<div class="wapperBox">
				
			
			<div id="wrapper" class="wrapper">
			       <div class="time">				
						<ul>
							<li>
								<span></span>
								<p>
									<span class="china">2018.01</span>
									<span class="english">2018.01</span>
									<span class="japanese">日语</span>
									<span class="korean">韩语</span>
								</p>
								<div class=" timeLang">
									<p class="china">项目框架设计</p>
									<p class="english">Project framework design</p>
									<p class="japanese">日语</p>
									<p class="korean">韩语</p>	
								</div>
								
							</li>
							<li>
								<span></span>
								<p>
									<span class="china">2018.01</span>
									<span class="english">2018.01</span>
									<span class="japanese">日语</span>
									<span class="korean">韩语</span>
								</p>
								<div class=" timeLang">
									<p class="china">项目技术构架设计</p>
									<p class="english">Project technical framework design.</p>
									<p class="japanese">日语</p>
									<p class="korean">韩语
								</div>
								
							</li>
							<li>
								<span></span>
								<p>
									<span class="china">2018.02</span>
									<span class="english">2018.02</span>
									<span class="japanese">日语</span>
									<span class="korean">韩语</span>
								</p>
								<div class=" timeLang">
									<p class="china">白皮书拟写</p>
									<p class="english">White paper</p>
									<p class="japanese">日语</p>
									<p class="korean">韩语</p>
								</div>
								
							</li>
							<li>
								<span></span>
								<p>
									<span class="china">2018.02</span>
									<span class="english"> 2018, 02</span>
									<span class="japanese">日语</span>
									<span class="korean">韩语</span>
								</p>
								<div class="timeLang">
									<p class="china">数字资产WSEC以及相应区块链浏览器的开发</p>
									<p class="english">Digital assets WSEC and the corresponding block chain browser development.</p>
									<p class="japanese">日语</p>
									<p class="korean">韩语</p>
								</div>
					
							</li>
							<li>
								<span></span>
								<p>
									<span class="china">2018.03</span>
									<span class="english">2018.03</span>
									<span class="japanese">日语</span>
									<span class="korean">韩语</span>
								</p>
								<div class="timeLang">
									<p class="china">官网开发</p>
									<p class="english">Website development</p>
									<p class="japanese">完成相互保障系统公链与其它商业系统应用接</p>
									<p class="korean">完成相互保障系统公链与其它商业系统应用接</p>
								</div>
							
							</li>
							
							<li>
								<span></span>
								<p>
									<span class="china">2018.03</span>
									<span class="english">2018.03</span>
									<span class="japanese">日语</span>
									<span class="korean">韩语</span>
								</p>
								<div class="timeLang">
									<p class="china">数字钱包资源对接</p>
									<p class="english">Digital wallet resources docking.</p>
									<p class="japanese">完成相互保障系统公链与其它商业系统应用接</p>
									<p class="korean">完成相互保障系统公链与其它商业系统应用接</p>
								</div>
							
							</li>
							<li>
								<span></span>
								<p>
									<span class="china">2018.03</span>
									<span class="english">2018.03</span>
									<span class="japanese">日语</span>
									<span class="korean">韩语</span>
								</p>
								<div class="timeLang">
									<p class="china">智能合约系统的开发和部署</p>
									<p class="english">Intelligent contract system development and deployment.</p>
									<p class="japanese">完成相互保障系统公链与其它商业系统应用接</p>
									<p class="korean">完成相互保障系统公链与其它商业系统应用接</p>
								</div>
							
							</li>
							<li>
								<span></span>
								<p>
									<span class="china">2018.04</span>
									<span class="english">2018.04</span>
									<span class="japanese">日语</span>
									<span class="korean">韩语</span>
								</p>
								<div class="timeLang">
									<p class="china">WSE主链底层系统的部署</p>
									<p class="english">WSE Deployment of the main chain underlying system.</p>
									<p class="japanese">完成相互保障系统公链与其它商业系统应用接</p>
									<p class="korean">完成相互保障系统公链与其它商业系统应用接</p>
								</div>
							
							</li>
							<li>
								<span></span>
								<p>
									<span class="china">2018.05</span>
									<span class="english">2018.05</span>
									<span class="japanese">日语</span>
									<span class="korean">韩语</span>
								</p>
								<div class="timeLang">
									<p class="china">“分布式风光互补发电系统”的技术解决方案的设计和测试</p>
									<p class="english">The design and testing of the technology solution of "distributed landscape complementary power generation system".</p>
									<p class="japanese">完成相互保障系统公链与其它商业系统应用接</p>
									<p class="korean">完成相互保障系统公链与其它商业系统应用接</p>
								</div>
							
							</li>
							<li>
								<span></span>
								<p>
									<span class="china">2018.05</span>
									<span class="english">2018.05</span>
									<span class="japanese">日语</span>
									<span class="korean">韩语</span>
								</p>
								<div class="timeLang">
									<p class="china">风能发电设备的设计和开发</p>
									<p class="english">Design and development of wind power equipment.</p>
									<p class="japanese">完成相互保障系统公链与其它商业系统应用接</p>
									<p class="korean">完成相互保障系统公链与其它商业系统应用接</p>
								</div>
							
							</li>
							<li>
								<span></span>
								<p>
									<span class="china">2018.06</span>
									<span class="english">2018.06</span>
									<span class="japanese">日语</span>
									<span class="korean">韩语</span>
								</p>
								<div class="timeLang">
									<p class="china">太阳能电池板的产品设计和开发</p>
									<p class="english">Product design and development of solar panels.</p>
									<p class="japanese">完成相互保障系统公链与其它商业系统应用接</p>
									<p class="korean">完成相互保障系统公链与其它商业系统应用接</p>
								</div>
							
							</li>
							<li>
								<span></span>
								<p>
									<span class="china">2018.06</span>
									<span class="english">2018.06</span>
									<span class="japanese">日语</span>
									<span class="korean">韩语</span>
								</p>
								<div class="timeLang">
									<p class="china">智能合约系统与储能设备以及智能控电和智能协议封装系统设备的链接设计和兼容性测试</p>
									<p class="english">Intelligent contract systems and energy storage devices, as well as intelligent control and intelligent protocol packaging system equipment link design and compatibility testing.</p>
									<p class="japanese">完成相互保障系统公链与其它商业系统应用接</p>
									<p class="korean">完成相互保障系统公链与其它商业系统应用接</p>
								</div>
							
							</li>
							<li>
								<span></span>
								<p>
									<span class="china">2018.08</span>
									<span class="english">2018.08</span>
									<span class="japanese">日语</span>
									<span class="korean">韩语</span>
								</p>
								<div class="timeLang">
									<p class="china">智能计价系统的跟踪和数据管理测试</p>
									<p class="english">Intelligent pricing system tracking and data management testing.</p>
									<p class="japanese">完成相互保障系统公链与其它商业系统应用接</p>
									<p class="korean">完成相互保障系统公链与其它商业系统应用接</p>
								</div>
							
							</li>
							<li>
								<span></span>
								<p>
									<span class="china">2018.10</span>
									<span class="english">2018.10</span>
									<span class="japanese">日语</span>
									<span class="korean">韩语</span>
								</p>
								<div class="timeLang">
									<p class="china">“分布式风光互补发电系统”的全面部署</p>
									<p class="english">The comprehensive deployment of "distributed landscape complementary power generation system".</p>
									<p class="japanese">完成相互保障系统公链与其它商业系统应用接</p>
									<p class="korean">完成相互保障系统公链与其它商业系统应用接</p>
								</div>
							
							</li>
							<div style="clear: both;">
								
							</div>
						</ul>
						<div class="line"></div>
						<img src="img\tiem.png">
					</div>
			</div>
			</div>
		</div>
		<div class="section6">
			<h6 class="name">
				<span class="china">核心开发机构</span>
				<span class="english">Core development organization</span>
				<span class="japanese">日语</span>
				<span class="korean">韩语</span>
			</h6>	
			<ul>
				<li>
					<p>
						<span class='china'>蒙古国太阳路贸易公司</span>
						<span class='english'>Mongolia sun road trading company.</span>
					</p>
					<p>
						<span class='china'>蒙古国太阳路贸易公司(Sun Road Trade)是一家环保的企业，成立于2015年，参与蒙古国政府“戈壁地区可再生能源项目”建设，大力推广环境友好型先进技术，是蒙古国知名的优秀企业。企业致力于新能源项目的投资、建设与经营，以太阳能及风电开发与运营为核心，通过基地型与分散(布)式相结合、开发与收购相结合，努力提高公司效益，立足蒙古、连接中国、俄罗斯与中亚地区，努力创建具有国际竞争力的蒙古国一流新能源企业。</span>
						<span class='english'>Mongolia solar Road trading company (Sun Road Trade) is one of the environmental protection enterprise, founded in 2015, to participate in Mongolia government "gobi area of renewable energy projects" construction, advanced technology, vigorously promote environmentally friendly is Mongolia well-known outstanding enterprises.
							Companies committed to new energy investment, construction and management of the project, solar energy and wind power development and operation as the core, through the base and dispersion (cloth) type, development and acquisition, the combination of efforts to improve the efficiency of the company, based on link China, Mongolia, Russia and central Asia, efforts to create an internationally competitive Mongolia first-class new energy enterprises.</span>
					</p>
				</li>
				<li>
					<p>
						<span class='china'>蒙古国有机能源公司</span>
						<span class='english'>Mongolia organic energy company.</span>
					</p>
					<p>
						<span class='china'>蒙古国太阳路贸易公司(Sun Road Trade)是一家环保的企业，成立于2015年，参与蒙古国政府“戈壁地区可再生能源项目”建设，大力推广环境友好型先进技术，是蒙古国知名的优秀企业。企业致力于新能源项目的投资、建设与经营，以太阳能及风电开发与运营为核心，通过基地型与分散(布)式相结合、开发与收购相结合，努力提高公司效益，立足蒙古、连接中国、俄罗斯与中亚地区，努力创建具有国际竞争力的蒙古国一流新能源企业。</span>
						<span class='english'>Mongolia solar Road trading company (Sun Road Trade) is one of the environmental protection enterprise, founded in 2015, to participate in Mongolia government "gobi area of renewable energy projects" construction, advanced technology, vigorously promote environmentally friendly is Mongolia well-known outstanding enterprises.
							Companies committed to new energy investment, construction and management of the project, solar energy and wind power development and operation as the core, through the base and dispersion (cloth) type, development and acquisition, the combination of efforts to improve the efficiency of the company, based on link China, Mongolia, Russia and central Asia, efforts to create an internationally competitive Mongolia first-class new energy enterprises.</span>
					</p>
				</li>
				<li>
					<p>
						<span class='china'>蒙古国生态集团（Eco-group）</span>
						<span class='english'>Mongolia ecological group.</span>
					</p>
					<p>
						<span class='china'>蒙古国生态集团（Eco-group）于2001年创立，主营业务为能源类产品外贸，以发展新能源产业来支持蒙古的生物多样性保护和气候变化。目前正在开展与国外能源企业的综合合作计划，其中包括技术和金融合作的互补模块。</span>
						<span class='english'>Founded in 2001, the eco-group is mainly engaged in foreign trade in energy products to develop new energy industries to support biodiversity conservation and climate change in Mongolia.
							Comprehensive cooperation plans with foreign energy companies are under way, including complementary modules for technical and financial cooperation.</span>
					</p>
				</li>
			</ul>
		</div>
		<div class="section7 sider">
			<h6 class="name">
				<span class="china">核心团队</span>
				<span class="english">Core&nbsp;Team</span>
				<span class="japanese">日语</span>
				<span class="korean">韩语</span>
			</h6>	
			
			
			<ul>
				<li>
					<div class="sectImg">
						<img src="img\team1.png">
					</div>
					
					<p>
						<span class="china">发起人：宝音道尔吉</span>
						<span class="english">Initiator: baolindorj</span>
						<span class="japanese">日语</span>
						<span class="korean">韩语</span>
					</p>
					
					<div class="translateBox">
						<p class="china">
							蒙古国新能源发电公司 CEO<br>赛瑞德有限责任公司  CEO<br>2009年~2012年 美国攻读博士学位<br>2013年~至今 蒙古国总理秘书、中办主任<br>2016年至今 蒙古国新能源发电公司 总裁
						</p>
						<p class="english">
							CEO of Mongolia new energy power company.<br>CEO of saeed limited liability company.<br>From 2009 to 2012, the United States studied for a doctorate.<br>From 2013 to now, Mongolian prime minister's secretary, director of the office.<br>President of new energy power company in Mongolia since 2016.
						</p>
						<p class="japanese">
							
						</p>
						<p class="korean">
							
						</p>
					</div>
				</li>
				<li>
					<div class="sectImg">
						<img src="img\team2.png">
					</div>
					<p>
						<span class="china">能源部工程总监：昂沁</span>
						<span class="english">Department of energy engineering director: bentham.</span>
						<span class="japanese">日语</span>
						<span class="korean">韩语</span>
					</p>
					
					<div class="translateBox">
						<p class="china">光伏风能发电新能源公司首席工程师，毕业于科罗拉多矿业大学，环境工程学士学位，致力于新能源的开发利用研究与实践，具有多年一线工作经验，同时是蒙古风能协会特聘专家顾问。现为WSE系统能源开发的总设计师，主导能源系统的设计工作。</p>							
						<p class="english">Solar wind power new energy company chief engineer, graduated from the university of Colorado mining, a bachelor's degree in environmental engineering, dedicated to the development and utilization of new energy research and practice, has many years experience in the line, at the same time is Mongolia wind energy association distinguished expert advisor.
							Now I am the chief designer of energy development of WSE system, leading the design of energy system.</p>
						<p class="japanese">
						<p class="korean">						
					
					</div>
				</li>
				<li>
					<div class="sectImg">
						<img src="img\team3.png">
					</div>
					<p>
						<span class="china">能源部工程师：刘长兴</span>
						<span class="english">Doe engineer: liu changxing.</span>
						<span class="japanese">日语</span>
						<span class="korean">韩语</span>
					</p>
					
					<div class="translateBox">
						<p class="china">光伏风能发电新能源公司工程师，毕业于华北电力大学，长期在蒙古从事电力开发工作，曾在蒙古博地能源公司任职七年之久，工作经验丰富，对蒙古当地能源情况和开发条件有着深刻认知。</p>
						
						<p class="english">Solar wind power new energy company engineer, graduated from north China electric power university, long-term work in the electric power development in Mongolia, has served in Mongolia Peabody company seven years, rich work experience, of Mongolian local energy has a profound cognition and development conditions.</p>						
						<p class="japanese">
						<p class="korean">					
					
					</div>
				</li>
				
			</ul>
			<ul>
				<li>
					<div class="sectImg">
						<img src="img\team4.png">
					</div>
					<p>
						<span class="china">网络开发总监：Cleveland</span>
						<span class="english">Network development director：Cleveland</span>
						<span class="japanese">日语</span>
						<span class="korean">韩语</span>
					</p>
					
					<div class="translateBox">
						<p class="china">WSEC的区块链开发工作总设计师，毕业于加拿大萨省大学，主攻数字信息处理学术方向，2014年接触比特币和区块链，擅长底层算法的构建以及智能合约代码的开发。</p>
						
						<p class="english">WSEC block chain development chief designer, graduated from the university of Saskatchewan, Canada, focusing on digital information processing academic direction, contact 2014 COINS and chain blocks, is good at the construction of the underlying algorithm and the development of intelligent contract code.</p>						
						<p class="japanese">
						<p class="korean">					
					
					</div>
				</li>
				<li>
					<div class="sectImg">
						<img src="img\team5.png">
					</div>
					<p>
						<span class="china">网络架构师：Darnell</span>
						<span class="english">Network Architect：Darnell</span>
						<span class="japanese">日语</span>
						<span class="korean">韩语</span>
					</p>
					
					<div class="translateBox">
						<p class="china">WSEC的开发架构师，精通ASP、NET、JSP、.java、Python多种编程语言，目前负责WSE的应用层构架工作。</p>
						<p class="english">WSEC development architect, proficient in ASP, NET, JSP,.Java, Python programming languages, is currently responsible for the application layer architecture of the WSEC.</p>
						<p class="japanese">
						<p class="korean">						
					
					</div>
				</li>
				<li>
					<div class="sectImg">
						<img src="img\team6.png">
					</div>
					<p>
						<span class="china">战略顾问：赞登沙特尔</span>
						<span class="english">Strategic advisor: zandon Chartres.</span>
						<span class="japanese">日语</span>
						<span class="korean">韩语</span>
					</p>
					
					<div class="translateBox">
						<p class="china">蒙古国政府高官，现国会议员、政府办公厅主任。（蒙古国第一副总理）<br>2000年~2004年 蒙古国国会议员 食品、农业部副部长
							<br>2004年~2008年 蒙古国国会议员
							<br>2008年~2012年 蒙古国国会议员 蒙古国外交部长
							<br>2012年~2016年 公派赴美国攻读博士学位2017年至今 蒙古国国会议员 政府办公厅主任</p>
						<p class="english">Senior officials of Mongolian government, current member of parliament, chief of government office.
							(first deputy prime minister of Mongolia)
							<br>From 2000 to 2004, Mongolian parliamentarian food and agriculture deputy minister.
							<br>2004-2008 Mongolian member of parliament.
							<br>From 2008 to 2012, Mongolian foreign minister of Mongolia.
							<br>From 2012 to 2016, I went to the United States to study for a doctorate.
							<br>The chief of staff of the government of Mongolia.</p>
						<p class="japanese">伦</p>
						<p class="korean">ch center, in E money funds, etc., has a lot of digital currency financial products design.</p>						
					
					</div>
				</li>
				
			</ul>
			<ul>				
				<li>
					<div class="sectImg">
						<img src="img\team7.png">
					</div>
					<p>
						<span class="china">战略顾问：钦卓里格</span>
						<span class="english">Strategic advisor: chindroit.</span>
						<span class="japanese">日语</span>
						<span class="korean">韩语</span>
					</p>
					
					<div class="translateBox">
						<p class="china">蒙古国政府高官，现国会议员、劳动社会保障部长。
							<br>2000年~2004年 蒙古国劳动社会保障部副部长
							<br>2004年~2008年 蒙古国国会议员
							<br>2008年~2016年 蒙古国国会议员 劳动社会保障部 副部长
							<br>2016年至今 蒙古国国会议员 劳动社会保障部长
							</p>
						<p class="english">Mongolian government officials, now parliamentarians, labor social security ministers.
						<br>2000-2004 deputy minister of labor social security of Mongolia.
						<br>2004-2008 Mongolian member of parliament.
						<br>From 2008 to 2016, deputy minister of the ministry of labor and social security of the Mongolian parliament.
						<br>Since 2016, Mongolian member of congress labor social security minister. </p>
						<p class="japanese">伦</p>
						<p class="korean">ch center, in English and block chain association secretary general. Gong's research projects including the United Nations food agency digital identity, ICO regulation and challenges and arbitrage strategy for a digital money funds, etc., has a lot of digital currency financial products design.</p>						
					
					</div>
				</li>
				<li>
					<div class="sectImg">
						<img src="img\team8.png">
					</div>
					<p>
						<span class="china">投资顾问：萨如拉甘巴特</span>
						<span class="english">Investment advisor: saullah gambart.</span>
						<span class="japanese">日语</span>
						<span class="korean">韩语</span>
					</p>
					
					<div class="translateBox">
						<p class="china">蒙古国宝格达银行执行总裁
							<br>2000年~2008年 美国攻读银行经济管理研究生
							<br>2008年~2012年 蒙古国中央银行 国际部主任
							<br>2015年至今 蒙古国宝格达银行执行总裁 获蒙古国前五名“优秀银行管理奖”							
							</p>
						<p class='english'> Chief executive officer of the bank of Mongolia.
							<br>From 2000 to 2008, I was a graduate student majoring in banking economics in the United States.
							<br>From 2008 to 2012, the director of the international department of the central bank of Mongolia.
							<br>In 2015, the chief executive of Mongolia national baogda bank has won the top five "outstanding bank management award" in Mongolia.</p>
						<p class="japanese">伦</p>
						<p class="korean">ch center, in English and block chain association secretary general. Gong's research projects including the United Nations food agency digital identity, ICO regulation and challenges and arbitrage strategy for a digital money funds, etc., has a lot of digital currency financial products design.</p>						
					
					</div>
				</li>
				<li>
					<div class="sectImg">
						<img src="img\team9.png">
					</div>
					<p>
						<span class="china">技术顾问：吉日格赛汉</span>
						<span class="english">Technical advisor: girigosaihan.</span>
						<span class="japanese">日语</span>
						<span class="korean">韩语</span>
					</p>
					
					<div class="translateBox">
						<p class="china">蒙古国经济学家、区块链顾问专家。
							<br>2004年~2008年 蒙古国海关管长
							<br>2008年~2011年 蒙古国经济技术委员会委员
							<br>2011年~2016年 蒙古国经济技术委员会 区块链板块技术处 处长
							<br>2016年至今 蒙古国经济技术委员会 区块链顾问专家							
							</p>
						<p class="english">Mongolian economist, blockchain consultant expert.
							<br>From 2004 to 2008, Mongolian customs supervisor.
							<br>Member of the economic and technical committee of Mongolia from 2008 to 2011.
							<br>From 2011 to 2016, Mongolia economic and technical committee block chain plate technology director.
							<br>From 2016 to now, Mongolia economic and technical committee block chain consultant expert.</p>
						<p class="japanese">伦</p>
						<p class="korean">ch center, in English and block chain association secretary general. Gong's research projects including the United Nations food agency digital identity, ICO regulation and challenges and arbitrage strategy for a digital money funds, etc., has a lot of digital currency financial products design.</p>						
					
					</div>
				</li>
			</ul>
		
		
		</div>
		<div class="section8 sider">
			<h6 class="name"> 
				<span class="china">联系我们</span>
				<span class="english">Contact&nbsp;Us</span>
				<span class="japanese">日语</span>
				<span class="korean">韩语</span>
			</h6>
			<div class="oueBox">							
				<ul>
					<li>
						<p class='china'>官方账号 : <span></span></p>
						<p class='english'>Official Account : <span></span></p>
					</li>
					<li>
						<p class='china'>邮箱账号 ：<span>windsolarenergycoin@outlook.com</span></p>
						<p class='english'>Email Account : <span>windsolarenergycoin@outlook.com</span></p>
					</li>
					<li>
						<p class='china'>Facebook账号 : <span>windsolarenergycoin@outlook.com</span></p>
						<p class='english'>Facebook Account : <span>windsolarenergycoin@outlook.com</span></p>
					</li>
					<li>
						<p class='china'>Twitter账号 : <span>windsolarenergycoin@outlook.com</span></p>
						<p class='english'>Twitter Account : <span>windsolarenergycoin@outlook.com</span></p>
					</li>
					<li>
						<p class='china'> Youtube账号 : <span>windsolarenergycoin@outlook.com</span></p>
						<p class='english'>Youtube Account : <span>windsolarenergycoin@outlook.com</span></p>
					</li>
					<li>
						<p class='china'>Telegram : <a href='https://t.me/WSEC_mn'>https://t.me/WSEC_mn</a></p>
						<p class='english'>Telegram : <a href='https://t.me/WSEC_mn'>https://t.me/WSEC_mn</a></p>
					</li>
				</ul>
			</div>
		</div>
		<div class="section9">
			<p>Copyright ©  2017-2019 Wind & Solar Energy coin <span class="china">版权所有</span> <span class="english">all right reserved</span></p>
		</div>
		
		<script> 

			// var height = parseInt(document.documentElement.clientHeight);
			// var width = document.documentElement.clientWidth;
			// if(height<700){
			// 	height = 700;
			// } 
			// if(width<1200){
			// 	width = 1200;
			// }
			
			// const PHI = (1 + Math.sqrt(5)) / 2, // 1.618033988749895
			// 	maxGeneration = (navigator.userAgent.toLowerCase().indexOf('firefox') > -1) ? 5 : 6,
			// 	frameDuration = 1000 / 60, 
			// 	duration = 3000,
  			// 	rotationSpeed = 0.3,
			// 	totalIterations = Math.floor(duration / frameDuration),
			// 	maxBaseSize = 100,
			// 	baseSizeSpeed = 0.02;

			// var canvas = document.getElementById("canvas"),
			// 	ctx = canvas.getContext("2d"),
			// 	canvasWidth =width,
			// 	canvasHeight = height,
			// 	shapes = [], 
			// 	sizeVariation,
			// 	iteration = 0,
			// 	animationDirection = 2,
			// 	sizeVariationRange = .15, n
			// 	baseRotation = 0,
			// 	baseSize = 100,
			// 	c1 = 43,
			// 	c1S = 1,
			// 	c2 = 205,
			// 	c2S = 1,
			// 	c3 = 255,  
			// 	c3S = 1;

			// canvas.setAttribute("width", canvasWidth);
			// canvas.setAttribute("height", canvasHeight);

			// function Shape(gen, x, y, size, rotation) {
			// 	this.generation = gen;
			// 	this.size = size;
			// 	this.rotation = -rotation;
			// 	this.start = {
			// 		x: x,
			// 		y: y
			// 	};
			// 	this.end = {
			// 		x_1: this.start.x + Math.cos(degToRad(this.rotation)) * this.size,
			// 		y_1: this.start.y + Math.sin(degToRad(this.rotation)) * this.size,
			// 		x_2: this.start.x + Math.cos(degToRad(this.rotation + 360 / 3)) * this.size,
			// 		y_2: this.start.y + Math.sin(degToRad(this.rotation + 360 / 3)) * this.size,
			// 		x_3: this.start.x +
			// 			Math.cos(degToRad(this.rotation + 360 / 3 * 2)) * this.size,
			// 		y_3: this.start.y + Math.sin(degToRad(this.rotation + 360 / 3 * 2)) * this.size
			// 	};

			// 	this.init();
			// }

			// Shape.prototype.init = function() {
			// 	if(this.generation < maxGeneration) {
			// 		var gen = this.generation + 1,
			// 			newSize = this.size * sizeVariation,
			// 			newRotation = this.rotation;

			// 		shapes.push(
			// 			new Shape(gen, this.end.x_1, this.end.y_1, newSize, newRotation)
			// 		);
			// 		shapes.push(
			// 			new Shape(gen, this.end.x_2, this.end.y_2, newSize, newRotation)
			// 		);
			// 		shapes.push(
			// 			new Shape(gen, this.end.x_3, this.end.y_3, newSize, newRotation)
			// 		);
			// 	}
			// 	this.draw();
			// };

			// Shape.prototype.draw = function() {
			// 	ctx.beginPath();
			// 	ctx.moveTo(this.start.x, this.start.y);
			// 	ctx.lineTo(this.end.x_1, this.end.y_1);
			// 	ctx.moveTo(this.start.x, this.start.y);
			// 	ctx.lineTo(this.end.x_2, this.end.y_2);
			// 	ctx.moveTo(this.start.x, this.start.y);
			// 	ctx.lineTo(this.end.x_3, this.end.y_3);
			// 	//ctx.closePath();
			// 	ctx.strokeStyle =
			// 		"rgba(" + c1 + "," + c2 + "," + c3 + "," + 1 / this.generation / 5 + ")";
			// 	ctx.stroke();
			// 	//ctx.fill();
			// };

			// function animate() {
			// 	//ctx.clearRect(0, 0, canvasWidth, canvasHeight);
			// 	ctx.globalCompositeOperation = "source-over";
			// 	ctx.fillStyle = "rgba(0,0,0,.1)";
			// 	ctx.fillRect(0, 0, canvasWidth, canvasHeight);
			// 	ctx.globalCompositeOperation = "lighter";
			// 	shapes = [];
			// 	shapes.push(
			// 		new Shape(0, canvasWidth / 2, canvasHeight / 2, baseSize, baseRotation)
			// 	);

			// 	changeColor();
			// 	iteration++;
			// 	if(baseSize < maxBaseSize) baseSize += baseSizeSpeed;
			// 	baseRotation += rotationSpeed;
			// 	sizeVariation = easeInOutSine(
			// 		iteration,
			// 		1 - sizeVariationRange * animationDirection,
			// 		sizeVariationRange * 2 * animationDirection,
			// 		totalIterations
			// 	);
			// 	if(iteration >= totalIterations) {
			// 		iteration = 0;
			// 		animationDirection *= -1;
			// 	}
			// 	requestAnimationFrame(animate);
			// }

			// function degToRad(deg) {
			// 	return Math.PI / 180 * deg;
			// }

			// function easeInOutSine(
			// 	currentIteration,
			// 	startValue,
			// 	changeInValue,
			// 	totalIterations
			// ) {
			// 	return(
			// 		changeInValue /
			// 		2 *
			// 		(1 - Math.cos(Math.PI * currentIteration / totalIterations)) +
			// 		startValue
			// 	);
			// }

			// function changeColor() {
			// 	if(c1 == 0 || c1 == 255) c1S *= -1;
			// 	if(c2 == 0 || c2 == 255) c2S *= -1;
			// 	if(c3 == 0 || c3 == 255) c3S *= -1;
			// 	c1 += 1 * c1S;
			// 	c2 += 1 * c2S;
			// 	c3 += 1 * c3S;
			// }

			// ctx.globalCompositeOperation = "lighter";
			// animate();

			// window.addEventListener("resize", function() {
			// 	var height = parseInt(document.documentElement.clientHeight);
			// 	var width = document.documentElement.clientWidth;
			// 	if(height<700){
			// 		height = 700;
			// 	}
			// 	if(width<1200){
			// 		width = 1200;
			// 	}
			// 	console.log(width)
			// 	canvasWidth = width;
			// 	canvasHeight = height;
				
			// 	canvas.setAttribute("width", canvasWidth);
			// 	canvas.setAttribute("height", canvasHeight);
			// 	ctx.clearRect(0, 0, canvasWidth, canvasHeight);
			// 	ctx.strokeStyle = "rgba(66,134,240,.3)";
			// 	ctx.globalCompositeOperation = "lighter";
			// });
			
			
			
			
			
			
			
			
			var windowHeight = $(document.body).outerHeight(true)/3;
				var addNum = 100/200;
				
			    var Opacity;
			$(window).scroll(function(){
		    		
				    if($(window).scrollTop()<110){
				      	$('#header').css({"filter":"alpha(Opacity=0)","-moz-opacity":"0","opacity":"0"}); 				      
				    }else{
				    	Opacity = parseInt($(window).scrollTop()*addNum); 
				    	if(Opacity>=80){
				    		$('#header').css({"filter":"alpha(Opacity=80%)","-moz-opacity":'0.8',"opacity":'0.8'}); 
				    	}else{
				    		$('#header').css({"filter":"alpha(Opacity="+Opacity+"%)","-moz-opacity":Opacity/100,"opacity":Opacity/100}); 
				    	}
				    	
				    }
				});
			$(function(){
				
				
				
				$('#nav li').on('click',function(){
			   		var index = $(this).index();
					if(index<5){
			   			$('html, body').animate({  
				            scrollTop: $('.sider').eq(index).offset().top-90  
				        }, 1000); 
			   		}
			   		 
			    });
			    $('.language a').on('click',function(){
			    	$('.language a').removeClass('active');
			   		var indexNum = $(this).index();
			   		$('.language a').eq(indexNum).addClass('active');
			   		
					if (indexNum==1) {
						$('.japanese').hide();
						$('.korean').hide();
						$('.english').hide();
						$('.china').show();
						$('title').html('WSEC 亚洲超级电网')
					} else if (indexNum==0) {
						$('.japanese').hide();
						$('.korean').hide();
						$('.china').hide();
						$('.english').show();
						$('title').html('WSEC Asian supergrid')
					} 
			    });
			    
			    $('.submenu li').on('click',function(){
			    	$('.menu>li>a').html($(this).text());
			    	 $(this).hide().siblings().show();
			   		var index = $(this).index();
					if (index==0) {
						$('.japanese').hide();
						$('.korean').hide();
						$('.english').hide();
						$('.china').show();
					} else if (index==1) {
						$('.japanese').hide();
						$('.korean').hide();
						$('.china').hide();
						$('.english').show();
					} else if (index==2) {
						
						$('.korean').hide();
						$('.china').hide();
						$('.english').hide();
						$('.japanese').show();
					} else if (index==3) {
						$('.japanese').hide();
						$('.english').hide();
						$('.china').hide();
						$('.korean').show();
					}
			   		 
			   });
				
				$('.logo').on('click',function(){
			   		var index = $(this).index();
			   		if(index==0){
			   			$('html, body').animate({  
				            scrollTop: 0  
				        }, 1000); 
			   		}
			   		
				
			   	})
				var myscroll= new IScroll('#wrapper',{
                        mouseWheel: true,
                        scrollbars: true,
                        //scrollbars: "custom",
                        //fadeScrollbars : true,
                        bounceEasing : 'quadratic',
                        scrollX: true,
                        scrollY: false
                    });
			})
		
			

				//canvas 

				// 			;(function() {
				//     'use strict';

				//     var c = document.getElementById('c');
				//     var ctx = c.getContext('2d');
				//     var w = c.width = window.innerWidth;
				//     var h = c.height = window.innerHeight;
				//     var cx = w / 2;
				//     var cy = h / 2;
				//     var P = function(x, y) {
				//         this.x = x;
				//         this.y = y;
				//         this.vx = 0;
				//         this.vy = 0;
				//         this.r = 1 + Math.random() * 10;
				//         this.sa = Math.random() * Math.PI * 2;
				//         this.ea = Math.random() * Math.PI * 2;
				//         this.rt = Math.random() * Math.PI * 2;
				//         this.vrt = 0;
				//         this.h = 0;
				//     };
				//     P.prototype = {
				//         constructor: P,
				//         update: function() {
				//             this.vx += Math.random() * 0.1 - 0.05;
				//             this.vy += Math.random() * 0.1 - 0.05;
				//             this.vrt += Math.random() * 0.02 - 0.01;
				//             this.x += this.vx;
				//             this.y += this.vy;
				//             this.rt += this.vrt;

				//             var dx = cx - this.x;
				//             var dy = cy - this.y;
				//             var d = Math.sqrt(dx * dx + dy * dy);

				//             this.h = dx / d * 360;

				//             if (this.x < 0) {
				//                 this.x = 0;
				//                 this.vx *= -1;
				//             }
				//             if (this.x > w) {
				//                 this.x = w;
				//                 this.vx *= -1;
				//             }
				//             if (this.y < 0) {
				//                 this.y = 0;
				//                 this.vy *= -1;
				//             }
				//             if (this.y > h) {
				//                 this.y = h;
				//                 this.vy *= -1;
				//             }
				//         },
				//         render: function(ctx) {
				//             ctx.save();
				//             ctx.strokeStyle = 'black';
				//             ctx.fillStyle = 'hsla(' + this.h + ', 100%, 50%, 0.5)';
				//             ctx.translate(this.x, this.y);
				//             ctx.rotate(this.rt);
				//             ctx.beginPath();
				//             ctx.arc(0, 0, this.r, this.sa, this.ea);
				//             ctx.fill();
				//             ctx.stroke();
				//             ctx.restore();
				//         }
				//     };

				//     var ps = [];
				//     var p;
				//     var ctr = 200;

				//     for (var i = 0; i < ctr; i++) {
				//         p = new P(Math.random() * w, Math.random() * h);
				//         ps.push(p);
				//     }

				//     requestAnimationFrame(function loop() {
				//         requestAnimationFrame(loop);
				//         ctx.clearRect(0, 0, w, h);
				//         for (var i = 0; i < ctr; i++) {
				//             p = ps[i];
				//             p.update();
				//             p.render(ctx);
				//         }
				//         for (var i = 0; i < ctr; i++) {
				//             var p1 = ps[i];
				//             for (var j = i + 1; j < ctr; j++) {
				//                 var p2 = ps[j];
				//                 var dx = p1.x - p2.x;
				//                 var dy = p1.y - p2.y;
				//                 var d = Math.sqrt(dx * dx + dy * dy);
				//                 if (d < 50) {
				//                     ctx.strokeStyle = 'rgba(0, 0, 0, 0.5)';
				//                     ctx.beginPath();
				//                     ctx.moveTo(p1.x, p1.y);
				//                     ctx.lineTo(p2.x, p2.y);
				//                     ctx.stroke();
				//                 }
				//             }
				//         }
				//     });

				// })();


				//canvas
				function project3D(x,y,z,vars){

				var p,d;
				x-=vars.camX;
				y-=vars.camY-8;
				z-=vars.camZ;
				p=Math.atan2(x,z);
				d=Math.sqrt(x*x+z*z);
				x=Math.sin(p-vars.yaw)*d;
				z=Math.cos(p-vars.yaw)*d;
				p=Math.atan2(y,z);
				d=Math.sqrt(y*y+z*z);
				y=Math.sin(p-vars.pitch)*d;
				z=Math.cos(p-vars.pitch)*d;
				var rx1=-1000;
				var ry1=1;
				var rx2=1000;
				var ry2=1;
				var rx3=0;
				var ry3=0;
				var rx4=x;
				var ry4=z;
				var uc=(ry4-ry3)*(rx2-rx1)-(rx4-rx3)*(ry2-ry1);
				var ua=((rx4-rx3)*(ry1-ry3)-(ry4-ry3)*(rx1-rx3))/uc;
				var ub=((rx2-rx1)*(ry1-ry3)-(ry2-ry1)*(rx1-rx3))/uc;
				if(!z)z=0.000000001;
				if(ua>0&&ua<1&&ub>0&&ub<1){
					return {
						x:vars.cx+(rx1+ua*(rx2-rx1))*vars.scale,
						y:vars.cy+y/z*vars.scale,
						d:(x*x+y*y+z*z)
					};
				}else{
					return { d:-1 };
				}
				}


				function elevation(x,y,z){

				var dist = Math.sqrt(x*x+y*y+z*z);
				if(dist && z/dist>=-1 && z/dist <=1) return Math.acos(z / dist);
				return 0.00000001;
				}


				function rgb(col){

				col += 0.000001;
				var r = parseInt((0.5+Math.sin(col)*0.5)*16);
				var g = parseInt((0.5+Math.cos(col)*0.5)*16);
				var b = parseInt((0.5-Math.sin(col)*0.5)*16);
				return "#"+r.toString(16)+g.toString(16)+b.toString(16);
				}


				function interpolateColors(RGB1,RGB2,degree){

				var w2=degree;
				var w1=1-w2;
				return [w1*RGB1[0]+w2*RGB2[0],w1*RGB1[1]+w2*RGB2[1],w1*RGB1[2]+w2*RGB2[2]];
				}


				function rgbArray(col){

				col += 0.000001;
				var r = parseInt((0.5+Math.sin(col)*0.5)*256);
				var g = parseInt((0.5+Math.cos(col)*0.5)*256);
				var b = parseInt((0.5-Math.sin(col)*0.5)*256);
				return [r, g, b];
				}


				function colorString(arr){

				var r = parseInt(arr[0]);
				var g = parseInt(arr[1]);
				var b = parseInt(arr[2]);
				return "#"+("0" + r.toString(16) ).slice (-2)+("0" + g.toString(16) ).slice (-2)+("0" + b.toString(16) ).slice (-2);
				}


				function process(vars){


				if(vars.points.length<vars.initParticles) for(var i=0;i<5;++i) spawnParticle(vars);
				var p,d,t;

				p = Math.atan2(vars.camX, vars.camZ);
				d = Math.sqrt(vars.camX * vars.camX + vars.camZ * vars.camZ);
				d -= Math.sin(vars.frameNo / 80) / 25;
				t = Math.cos(vars.frameNo / 300) / 165;
				vars.camX = Math.sin(p + t) * d;
				vars.camZ = Math.cos(p + t) * d;
				vars.camY = -Math.sin(vars.frameNo / 220) * 15;
				vars.yaw = Math.PI + p + t;
				vars.pitch = elevation(vars.camX, vars.camZ, vars.camY) - Math.PI / 2;

				var t;
				for(var i=0;i<vars.points.length;++i){
					
					x=vars.points[i].x;
					y=vars.points[i].y;
					z=vars.points[i].z;
					d=Math.sqrt(x*x+z*z)/1.0075;
					t=.1/(1+d*d/5);
					p=Math.atan2(x,z)+t;
					vars.points[i].x=Math.sin(p)*d;
					vars.points[i].z=Math.cos(p)*d;
					vars.points[i].y+=vars.points[i].vy*t*((Math.sqrt(vars.distributionRadius)-d)*2);
					if(vars.points[i].y>vars.vortexHeight/2 || d<.25){
						vars.points.splice(i,1);
						spawnParticle(vars);
					}
				}
				}

				function drawFloor(vars){

				var x,y,z,d,point,a;
				for (var i = -25; i <= 25; i += 1) {
					for (var j = -25; j <= 25; j += 1) {
						x = i*2;
						z = j*2;
						y = vars.floor;
						d = Math.sqrt(x * x + z * z);
						point = project3D(x, y-d*d/85, z, vars);
						if (point.d != -1) {
							size = 1 + 15000 / (1 + point.d);
							a = 0.15 - Math.pow(d / 50, 4) * 0.15;
							if (a > 0) {
								vars.ctx.fillStyle = colorString(interpolateColors(rgbArray(d/26-vars.frameNo/40),[0,128,32],.5+Math.sin(d/6-vars.frameNo/8)/2));
								vars.ctx.globalAlpha = a;
								vars.ctx.fillRect(point.x-size/2,point.y-size/2,size,size);
							}
						}
					}
				}		
				vars.ctx.fillStyle = "#82f";
				for (var i = -25; i <= 25; i += 1) {
					for (var j = -25; j <= 25; j += 1) {
						x = i*2;
						z = j*2;
						y = -vars.floor;
						d = Math.sqrt(x * x + z * z);
						point = project3D(x, y+d*d/85, z, vars);
						if (point.d != -1) {
							size = 1 + 15000 / (1 + point.d);
							a = 0.15 - Math.pow(d / 50, 4) * 0.15;
							if (a > 0) {
								vars.ctx.fillStyle = colorString(interpolateColors(rgbArray(-d/26-vars.frameNo/40),[32,0,128],.5+Math.sin(-d/6-vars.frameNo/8)/2));
								vars.ctx.globalAlpha = a;
								vars.ctx.fillRect(point.x-size/2,point.y-size/2,size,size);
							}
						}
					}
				}		
				}

				function sortFunction(a,b){
				return b.dist-a.dist;
				}

				function draw(vars){

				vars.ctx.globalAlpha=.15;
				vars.ctx.fillStyle="#000";
				vars.ctx.fillRect(0, 0, canvas.width, canvas.height);

				drawFloor(vars);

				var point,x,y,z,a;
				for(var i=0;i<vars.points.length;++i){
					x=vars.points[i].x;
					y=vars.points[i].y;
					z=vars.points[i].z;
					point=project3D(x,y,z,vars);
					if(point.d != -1){
						vars.points[i].dist=point.d;
						size=1+vars.points[i].radius/(1+point.d);
						d=Math.abs(vars.points[i].y);
						a = .8 - Math.pow(d / (vars.vortexHeight/2), 1000) * .8;
						vars.ctx.globalAlpha=a>=0&&a<=1?a:0;
						vars.ctx.fillStyle=rgb(vars.points[i].color);
						if(point.x>-1&&point.x<vars.canvas.width&&point.y>-1&&point.y<vars.canvas.height)vars.ctx.fillRect(point.x-size/2,point.y-size/2,size,size);
					}
				}
				vars.points.sort(sortFunction);
				}


				function spawnParticle(vars){

				var p,ls;
				pt={};
				p=Math.PI*2*Math.random();
				ls=Math.sqrt(Math.random()*vars.distributionRadius);
				pt.x=Math.sin(p)*ls;
				pt.y=-vars.vortexHeight/2;
				pt.vy=vars.initV/20+Math.random()*vars.initV;
				pt.z=Math.cos(p)*ls;
				pt.radius=200+800*Math.random();
				pt.color=pt.radius/1000+vars.frameNo/250;
				vars.points.push(pt);	
				}

				function frame(vars) {

				if(vars === undefined){
					var vars={};
					vars.canvas = document.querySelector("canvas");
					vars.ctx = vars.canvas.getContext("2d");
					vars.canvas.width = window.innerWidth;
					vars.canvas.height = window.innerHeight;
					window.addEventListener("resize", function(){
						vars.canvas.width = window.innerWidth;
						vars.canvas.height = window.innerHeight;
						vars.cx=vars.canvas.width/2;
						vars.cy=vars.canvas.height/2;
					}, true);
					vars.frameNo=0;

					vars.camX = 0;
					vars.camY = 0;
					vars.camZ = -14;
					vars.pitch = elevation(vars.camX, vars.camZ, vars.camY) - Math.PI / 2;
					vars.yaw = 0;
					vars.cx=vars.canvas.width/2;
					vars.cy=vars.canvas.height/2;
					vars.bounding=10;
					vars.scale=500;
					vars.floor=26.5;

					vars.points=[];
					vars.initParticles=700;
					vars.initV=.01;
					vars.distributionRadius=800;
					vars.vortexHeight=25;
				}

				vars.frameNo++;
				requestAnimationFrame(function() {
					frame(vars);
				});

				process(vars);
				draw(vars);
				}
				frame();
		</script>
	</body>

</html>